border=1を指定し、表の状況をわかりやすくした場合 |
飾りのある表 | |
|
|
| 画像を利用して表を装飾すると、このようなデザインの文章ボックスを作成できます。ボックス（表）の幅や高さを変更した場合も、装飾用の画像はそのまま流用できます。工夫次第で面白い文章ボックスを作成できると思うので、いろいろと試してみてください。 | ||||
|
|
|||
|
飾りのある表 | |
|
|
| 画像を利用して表を装飾すると、このようなデザインの文章ボックスを作成できます。ボックス（表）の幅や高さを変更した場合も、装飾用の画像はそのまま流用できます。工夫次第で面白い文章ボックスを作成できると思うので、いろいろと試してみてください。 | ||||
|
|
|||
|
<TABLE border="0" cellspacing="0" cellpadding="0"> <TR height="54"> <TD width="32"><IMG src="a1.jpg" width="32" height="54" border="0"></TD> <TD width="120" background="a2.jpg" align="center"> <FONT size="4" color="#FFFFFF"><B<飾りのある表</B></FONT< </TD> <TD width="32"><IMG src="a3.jpg" width="32" height="54" border="0"></TD> <TD width="300" background="a4.jpg"></TD> <TD width="32"><IMG src="a5.jpg" width="32" height="54" border="0"></TD> </TR> <TR> <TD width="32" background="b1.jpg"></TD> <TD width="452" colspan="3"> <FONT color="#FFFFFF">画像を利用して表を装飾すると、このようなデザインの文章ボックスを作成できます。ボックス（表）の幅や高さを変更した場合も、装飾用の画像はそのまま流用できます。工夫次第で面白い文章ボックスを作成できると思うので、いろいろと試してみてください。</FONT> </TD> <TD width="32" background="b2.jpg"></TD> </TR> <TR height="32"> <TD width="32"><IMG src="c1.jpg" width="32" height="32" border="0"></TD> <TD width="452" colspan="3" background="c2.jpg"></TD> <TD width="32"><IMG src="c3.jpg" width="32" height="32" border="0"></TD> </TR> </TABLE> |